﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Weltmeister</title>
	<link rel="stylesheet" type="text/css" href="lib/weltmeister/weltmeister.css"/>
	<script src="lib/weltmeister/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/weltmeister/jquery-ui-1.8.1.custom.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/impact/impact.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/weltmeister/weltmeister.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="headerMenu">
	<span class="headerTitle"></span>
	<span class="unsavedTitle"></span>
	<span class="headerFloat">
		<input type="button" id="levelSave" value="Save" class="button"/>
		<input type="button" id="levelSaveAs" value="Save As" class="button"/>
		<input type="button" id="levelNew" value="New" class="button"/>
		<input type="button" id="levelLoad" value="Load" class="button"/>
		<input type="button" id="reloadImages" value="Reload Images" title="Reload Images" class="button"/>
		<input type="button" id="toggleSidebar" value="Toggle Sidebar" title="Toggle Sidebar" class="button"/>
	</span>
</div>

<div id="editor">
	<div id="entityMenu"></div>
	
	<canvas id="canvas"></canvas>
	
	<div id="menu">
		<div id="layerContainer">
			<h2>Layers</h2>
			<div id="layerButtons">
				<div class="button" id="buttonAddLayer" title="Add Layer">+</div>
			</div>
			<div id="layers">
				<div id="layerEntities" class="layer">
					<span class="visible specialVis checkedVis" title="Toggle Visibility (Shift+0)"></span>
					<span class="name">entities</span>
				</div>
			</div>
		</div>
		
		
		<div id="layerSettings">
			<h2>Layer Settings</h2>
			<dl>
				<dt>Name:</dt><dd><input type="text" class="text" id="layerName"/></dd>
				<dt>Tileset:</dt><dd><input type="text" class="text" id="layerTileset"/></dd>
				<dt>Tilesize:</dt><dd><input type="text" class="number" id="layerTilesize"/></dd>
				<dt>Dimensions:</dt>
				<dd>
					<input type="text" class="number" id="layerWidth"/> &times; <input type="text" class="number" id="layerHeight"/>
				</dd>
				<dt>Distance:</dt><dd><input type="text" class="number" id="layerDistance"/></dd>
				<dd>
					<input type="checkbox" id="layerIsCollision"/>
					<label for="layerIsCollision">Is Collision Layer</label>
				</dd>
				<dd>
					<input type="checkbox" id="layerPreRender"/>
					<label for="layerPreRender">Pre-Render in Game</label>
				</dd>
				<dd>
					<input type="checkbox" id="layerRepeat"/>
					<label for="layerRepeat">Repeat</label>
				</dd>
				<dd>
					<input type="checkbox" id="layerLinkWithCollision"/>
					<label for="layerLinkWithCollision">Link with Collision</label>
				</dd>
				<dd>
					<input type="button" id="buttonSaveLayerSettings" value="Apply Changes" class="button"/>
					<input type="button" id="buttonRemoveLayer" value="Delete" class="button"/>
				</dd>
			</dl>
		</div>
		
		<div id="entitySettings">
			<h2>Entity Settings</h2>
			<h3 id="entityClass">EntityClassName</h3>
			<div id="entityDefinitions">
				<div class="entityDefinition"><span class="key">x</span>:<span class="value">188</span></div>
				<div class="entityDefinition"><span class="key">y</span>:<span class="value">269</span></div>
			</div>
			<dl id="entityDefinitionInput">
				<dt>Key:</dt><dd><input type="text" class="text" id="entityKey"/></dd>
				<dt>Value:</dt><dd><input type="text" class="text" id="entityValue"/></dd>
			</dl>
		</div>
	</div>
	
</div>
</body>
</html>
